import router from './router'
import store from './store'
import { Message } from 'element-ui'
import NProgress from 'nprogress' // progress bar
import 'nprogress/nprogress.css' // progress bar style
import { getToken } from '@/utils/auth' // get token from cookie
// import getPageTitle from '@/utils/get-page-title'

NProgress.configure({ showSpinner: false }) // NProgress Configuration

// 不需要 token 可以访问的页面
const whiteList = ['/login', '/404'] // no redirect whitelist

// 路由前置守卫
router.beforeEach(async (to, from, next) => {
  // 获取token
  const token = getToken()

  // 判断用户是否携带token
  if (token) {
    // 有token
    // 如果用户登录了，还需要访问login页面，直接跳转至首页
    // to.path == '/login' ? next('/') : next()

    // 如果判断是否存在用户信息
    if (store.state.userInfo) {
      next()
    } else {
      try {
        // 判断token是否正确, 发送请求失败说明token有问题
        await store.dispatch('user/setUserInfoActions');

        if (to.path === '/login') {
          Message.error('您已登录！')
          next('/')
        } else {
          next();
        }
      } catch (error) {
        Message.error('请先登录！')
        next(`/login?redirect=${to.path}`)
      }
    }

  } else {
    // 没有token
    // 如果用户访问的页面是不需要携带token，直接放行
    // 访问的页面需要token，跳转至登录页，将用户需要去的路由路径保存，当登录后直接跳往该页面，提升用户体验
    whiteList.indexOf(to.path) != -1 ? next() : next(`/login?redirect=${to.path}`)
  }
})


router.afterEach(() => {
  // finish progress bar
  NProgress.done()
})
